查看原文
其他

PPT上图片大于5张,闭眼用苹果的这个版式!

邵云蛟 旁门左道PPT 2023-05-02

点击  预约  ,获得直播课开课提醒

  直播主题:职场PPT设计改稿思路  

直播福利:免费抽奖《PPT设计思维》


有位读者问了我一个问题,他说像这样的 PPT 页面,有大量的图片,而且,尺寸还不统一,该怎么去排版呢?




坦白讲,这是一个很好的问题,因为对于图片较多的页面,我们一般能想到的做法,就是整齐地把它们并列摆放。

就像这样:




但其实,你知道吗?还有一种非常简单的方法,却可以让图片的排版,更有创意。那就是『瀑布流布局法』:




这是网页设计中,经常会用到的一种布局形式,这种方法的特点呢,有两个,我总结了一下:

  • 非常适合用在多图片排版中;
  • 能够呈现出数量庞大的感觉;

啥意思呢?比如说像在苹果的官网设计中,我们经常会看到这种布局方法的使用:




既能够在较少的页面区域,展示大量图片信息,而且会给人一种海量的视觉效果。

最关键的一点在于,这种方法使用起来超级简单,因为我们只需要把尺寸不一的图片,均匀地摆放整齐即可。

就像这样:




我在之前的一期文章中,也使用过这个方法:




当然,如果你不想要让它纵向排列,你还可以更换其他形式。

比如倾斜式的瀑布流布局:




再比如像三维式的瀑布流布局:




都是可以的。

但是,在使用这个方法的时候,有一点需要注意,那就是一定要保证图片的间距相等:




否则,页面的排版,看起来会很乱。

怎么样?是不是足够简单?而且,最气人的是,几乎所有的多图片排版,都可以使用这种方法。

比如你可以来排版企业荣誉证书:




你也可以来排版会议照片:




接下来,为了让各位能够加深理解,咱们通过两个实际的案例,来实际应用一下。


01
这是读者投稿案例




就是页面上有很多的证书,那我们该如何利用瀑布流,进行布局呢?

别着急,老规矩,咱们先来处理页面上的内容。这里的文字信息很简单:




在排版之前呢,可以先来划分内容的层级关系:




然后呢,基于这层关系,来对内容进行排版,我做的是这样:




我们把文字信息放到页面上,会发现,页面左下角区域被占据了,只留下右上角的空间:




所以,我们在进行瀑布流布局时,可能需要用到倾斜的版式:




在这里呢,咱们可以对图片进行旋转,从而,让图片的布局变成这样:




把处理好的图片,放到页面上,来看一下效果:




还不错,对吗?但这时候页面稍微有一些单调,怎么解决呢?

我们可以沿着图片倾斜的角度,插入两个斜边四边形,用作背景的装饰:


颜色是取自企业的logo


这样一来,我们的页面排版就算完成了,非常简单:




来看下最终的页面效果:




02
这是一款运动类 App 的介绍




主要呢,就是在讲 App 能提供多种健身方案。因为没有文字,因此,直接对图片进行排版即可。

我们可以按照纵向的瀑布流布局,完成图片的排版:




但这时候,页面看起来有一些单调,咋解决呢?很简单,找一张运动相关的背景图:




然后,我们把排版好的图片,放在背景图上:




但如果只是这样的话,下方的3张图片,与页面底部边缘融合感较差,会让人感觉出现的很突兀。

怎么解决呢?我们可以在下方,插入一条渐变蒙版,来让底部边缘融合度更强:




以上呢,就是今天要跟大家分享的,一种非常好用且简单的图片排版方式。

最后,额外补充一个点。

这种瀑布流布局适合多图片排版,因此,当使用时,我们希望观众感受到的,是数量丰富,而不是让他们看清每一张图片的具体内容。


30天系统搞定职场【工作型PPT】 开通后,免费获得9门全阶段学习课程,从零基础小白,一路变成PPT高手。

且一次加入,长期有效。

4月读书季限时优惠活动
立减150元,还可得图书加赠
名额有限,先到先得



点击下方阅读原文
免费试听会员课程
👇👇👇

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存